
.table {
    /* here it's tricky, there are two ways to make border single :
    1) border-spacing: 0, border-collapse: separate (default)
    2) border-collapse: collapse
    however in second case, we'll have to draw the focus for upper / left cells (to prioritize this border during collapse, plus it won't help with the table-container border)
    */
    border-spacing: 0;
    border-collapse: separate;
}

.no-vertical-scroll {
}

:root {
    /*override in StyleDefaults init*/
    --focused-cell-border-color: var(--focus-color);
}

.dataGridHeader:not(.empty-header) .dataGridHeaderCell {
    /* the same as dataGridCell, dataGridHeaderCell, table.pvtTable thead tr th/td */
    border-bottom: var(--border-width) solid var(--grid-separator-border-color);
}

.dataGridFooter:not(.empty-footer) .dataGridFooterCell {
    border-top: var(--border-width) solid var(--grid-separator-border-color);
}

.dataGridCell {
    /* the same as dataGridCell, dataGridHeaderCell, table.pvtTable thead tr th/td */
    border-bottom: var(--border-width) solid var(--grid-separator-border-color);
}

.focusedCellBottomBorder,
.dataGridHeader:not(.empty-header) .dataGridHeaderCell.focusedCellBottomBorder {
    border-bottom: var(--border-width) solid var(--focused-cell-border-color);
}

.dataGridHeaderCell:not(.no-vertical-scroll .dataGridLastHeaderCell) {
    border-right: var(--border-width) solid var(--grid-separator-border-color);
}

.dataGridFooterCell:not(.no-vertical-scroll .dataGridLastFooterCell) {
    border-right: var(--border-width) solid var(--grid-separator-border-color);
}

.dataGridCell:not(.no-vertical-scroll .dataGridLastCell) {
    /* the same as dataGridCell, dataGridHeaderCell, table.pvtTable thead tr th/td */
    border-right: var(--border-width) solid var(--grid-separator-border-color);
}

.focusedCellRightBorder:not(.no-vertical-scroll .dataGridLastCell) {
    border-right: var(--border-width) solid var(--focused-cell-border-color);
}

.leftNeighbourRightBorder:not(.no-vertical-scroll .dataGridLastCell)  { /* second check we need to prioritize this rule over .dataGridCell:not (otherwise two matches against one) */
    border-right: var(--border-width) solid var(--focused-cell-border-color);
}

.dataGridFirstHeaderCell {
}
.dataGridLastHeaderCell {
}
.dataGridFirstFooterCell {
}
.dataGridLastFooterCell {
}
.dataGridFirstCell {
}
.dataGridLastCell {
}

